<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorator="common/index_template">
<head>
<title th:utext="${sysArticle.articleTitle}">博文详情</title>
<meta name="keywords" th:content="${sysArticle.typeCode}+','+${sysUser.userNickName}+','+${sysArticle.articleKeyWord}" content="类型和作者名称">
<meta name="description" th:content="${sysArticle.articleSynopsis}" content="博文简介">
</head>
<body>
    <!--/* 使用主页模板-分享页面 */-->
    <div th:fragment="ozq-main-template">
        <div class="layui-row">
            <!--/* 页面导航 */-->
            <section class="ozq-block ozq-com-nav">
                <i class="fa fa-arrow-right"></i>
                <span class="layui-breadcrumb">
                    <a href="/share/share.html" th:href="@{/share/share.html}">分享</a>
                    <a href="/share/share.html#!type=java" th:href="'/share/share.html#!type='+${sysArticle.typeCode}" th:text="${sysArticle.typeCode}">分类</a>
                    <a>
                        <cite>正文</cite>
                    </a>
                </span>
            </section>
        </div>
        <div class="ozq-main-body layui-row layui-col-space10">
            <div class="layui-col-xs12 layui-col-md8">
                <!--/* 博文信息 */-->
                <section class="ozq-block ozq-add-article" th:attr="data-user-code=${sysArticle.userCode}">
                    <!--/* 修改博文 */-->
                    <div class="layui-row ozq-article-operation ozq-edit-hide">
                        <a href="/share/article/hMe2uSjl.html" th:href="'/share/article/'+${sysArticle.articleCode}+'.html'" class="layui-btn">修改博文</a>
                    </div>
                    <div class="layui-row ozq-article-title">
                        <h2 th:utext="${sysArticle.articleTitle}">博文标题</h2>
                    </div>
                    <div class="layui-row">
                        <div class="ozq-article-division">
                            <span th:text="'发布时间：'+${#dates.format(sysArticle.articleTime,'yyyy-MM-dd HH:mm:ss')}">发布时间：2017-10-24 00:46:41</span>
                            <span th:text="'作者：'+${sysUser.userNickName}">作者：欧增奇</span>
                            <span th:text="'浏览：'+${sysArticle.articleClick}">浏览：457</span>
                            <span th:text="'评论：'+${countSysComment}">评论：8</span>
                        </div>
                    </div>
                    <div class="layui-row ozq-article-content" th:utext="${sysText.textContent}">博文内容</div>
                </section>
                <!--/* 评论 */-->
                <section class="layui-row ozq-message ozq-block" id="comment">
                    <div class="layui-row layui-form">
                        <!--/* 提示语 */-->
                        <fieldset class="layui-elem-field layui-field-title"></fieldset>
                        <textarea class="layui-textarea layui-hide" id="ozq_message_editor"></textarea>
                        <section class="layui-row ozq-article-operation"></section>
                    </div>
                    <div class="layui-form ozq-comment">
                        <div id="ozq-common-page"></div>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs12 layui-col-md4">
                <!--/* 统计信息-发稿/打赏 */-->
                <section class="ozq-block ozq-statistical">
                    <div class="ozq-center layui-row">
                        <h2>欢迎打赏投稿</h2>
                    </div>
                    <div class="ozq-center layui-row">
                        <a href="/share/article.html" th:href="@{/share/article.html}" class="layui-btn">我要投稿</a>
                        <button class="layui-btn layui-btn-danger ozq-reward-btn">我要打赏</button>
                    </div>
                </section>
                <!--/* 博文分类 */-->
                <section class="ozq-block ozq-type-blog layui-row">
                    <h2 class="ozq-block-title">分享分类</h2>
                </section>
                <!--/* 推荐博文 */-->
                <section class="ozq-block ozq-com-blog ozq-recommend-blog layui-row">
                    <h2 class="ozq-block-title">推荐博文</h2>
                </section>
            </div>
        </div>
    </div>
</body>
</html>